<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<link rel="shortcut icon" href="/cwp/favicon.ico" type="image/x-icon" />
<title>我的审批</title>
<!--引入CSS文件-->
<link rel="stylesheet" type="text/css"
	href="../../assets/css/styles/style.css" />
<link rel="stylesheet" type="text/css"
	href="../../assets/css/styles/components-css/list.css" />
<link rel="stylesheet" type="text/css"
	href="../../assets/css/styles/components-css/table.css" />
<link rel="stylesheet" type="text/css"
	href="../../assets/css/styles/components-css/tabs.css" />
<link rel="stylesheet" type="text/css"
	href="../../assets/css/styles/components-css/paging.css" />
<link rel="stylesheet" type="text/css"
	href="../../assets/css/styles/components-css/btn.css" />
<link rel="stylesheet" type="text/css"
	href="../../assets/css/styles/components-css/taqs.css" />
<link rel="stylesheet" type="text/css"
	href="../../assets/css/styles/components-css/step.css" />
<link rel="stylesheet" type="text/css"
	href="../../assets/css/styles/components-css/form.css" />
<link rel="stylesheet" type="text/css" href="../../assets/css/userManagement/importContacts.css"/>
<!--引入bootstrap CSS文件-->
<link rel="stylesheet" type="text/css"
	href="../../assets/lib/bootstrap-3.3.5-dist/css/bootstrapModel.css" />
<link rel="stylesheet" type="text/css"
	href="../../assets/lib/bootstrap-3.3.5-dist/css/bootstrap-theme.min.css" />
<!-- qtip css -->
<link rel="stylesheet" type="text/css"
	href="../../assets/lib/qtip/jquery.qtip.min.css" />
<!--日历控件样式-->
<!--表单验证样式--->
<link rel="stylesheet" type="text/css" href="../../assets/lib/formValidator/style/validator.css"/>

<link rel="stylesheet" type="text/css"
	href="../../assets/lib/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" />
    <style type="text/css">
        .t-list-btns{margin-top:0; }
        #myTabContentDraft .tab-pane{min-height: 277px;}
        #myTabContentDraft .flowContent img{width: 100%!important;}
        #tabApprover.showBind .unBind{display: table-cell;}
        #tabApprover .unBind{display: none;}
        .icon-files-empty{margin: 0 auto;display: block;}
        .t-table{text-align: center;}
        .t-norecord{margin-left:auto;margin-right:auto;}
    </style>
</head>
<body>

	<!--头部文件 开始-->
	<div id="header"></div>

	<div class="wrapper">
		<!--左侧菜单 开始-->
		<div id="left-menu"></div>
		<!--左侧菜单 结束-->

		<!--右侧内容 开始-->
		<div class="right-container">
			<div class="right-scroll">
				<div class="t-list">
					<div class="t-list-title">
						<h2>首页 > 工单审批</h2>
					</div>

					<div class="t-tabs">
						<ul id="myTabs" class="t-tabs-items">
							<li data-id="mytodo" class="active"><a href="#tab1"
								data-toggle="tab">待我审批</a></li>
							<li data-id="myaudit"><a href="#tab2" data-toggle="tab">我已审批</a></li>
                            <li data-id="ccTome"><a href="#tab3" data-toggle="tab">抄送我的</a></li>
                            <li data-id="myDraft"><a href="#tab4" data-toggle="tab">我的起草</a></li>

                        </ul>
						<div id="myTabContents" class="tab-content">
                            <div class="t-list-search t-columns-4">
                                <ul class="t-columns-group">
                                    <li class="hide"><label>流程名称</label>
                                        <div>
                                            <select type="text">

                                            </select>
                                        </div></li>
                                    <li style="display: none;"><label>当前节点</label>
                                        <div>
                                            <select type="text" id="activityIdSelect">
                                                <option value="">请选择</option>
                                            </select>
                                        </div></li>
                                    <!-- 时间组 -->
                                    <li class="timegroup"><label>起止日期</label>
                                        <div>
                                            <div>
                                                <input id="startTime" class="form_date_start bg-date" value=""
                                                       placeholder="开始时间" readonly/>
                                            </div>
                                            <span>~</span>
                                            <div>
                                                <input id="endTime" class="form_date_end bg-date" value=""
                                                       placeholder="结束时间" readonly/>
                                            </div>
                                        </div></li>
                                    <li><label>&nbsp;</label>
                                        <div>
                                            <a class="t-btn" id="btnSearchFaultAlarm" aria-disabled="false"> <i
                                                    class="icon-search"></i> 查询
                                            </a>
                                        </div></li>
                                </ul>
                            </div>
							<div class="tab-pane fade in active" id="tab1">


									<div class="t-list-btns">
										<p>请求记录</p>
										<span id="processWorkFlowTabTotal"></span>
									</div>

									<div class="t-list-result">

										<!-- 表格 -->
										<table class="t-table" id="processWorkFlowTab"></table>

										<!-- 分页 -->
										<div class="pagination" id="processWorkFlowTabPagination"></div>

									</div>
							</div>
							<div class="tab-pane fade" id="tab2">


								<div class="t-list-btns">
									<p>请求记录</p>
                                    <span id="hasCheckTabTotal"></span>
								</div>

								<div class="t-list-result">

									<!-- 表格 -->
									<table class="t-table" id="hasCheckTab">
									</table>
                                    <div class="pagination" id="hasCheckTabPagination"></div>

								</div>

							</div>
                            <div class="tab-pane fade" id="tab3">


                                <div class="t-list-btns">
                                    <p>请求记录</p>

                                </div>

                                <div class="t-list-result">
                                    <table class="t-table">
                                        <div class="t-norecord"><i class="icon-files-empty"></i><p>暂无数据记录</p></div>
                                    </table>

                                </div>

                            </div>
                            <div class="tab-pane fade" id="tab4">


                                <div class="t-list-btns">
                                    <p>请求记录</p>
                                    <span id="myDraftTabTotal"></span>
                                </div>

                                <div class="t-list-result">
                                    <!-- 表格 -->
                                    <table class="t-table" id="myDraftTab">

                                    </table>
                                    <!-- 分页 -->
                                    <div class="pagination" id="myDraftTabPagination"></div>



                                </div>

                            </div>
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>

	<!--版权-->
	<div id="copyright"></div>

    <!--维修工单详情-->
	<div class="modal fade" id="modalProcessDetailsAlarm" tabindex="-1"
		role="dialog" aria-labelledby="exampleModalLabel">
		<div class="modal-dialog" role="document" style="width: 60%;">
			<div class="modal-content" style="margin-top: 104px;">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="exampleModalLabel">流程审核记录</h4>
				</div>
				<div class="modal-body">
				
				<div class="t-list-btns">
                       <p>工单基本信息（当前环节：<span id="currentActivityName"></span>）</p>
                </div>
				<div class="t-columns-2">
                    <ul class="t-columns-group" id="orderBaseInfo">
                        <li>
                            <label>故障告警：</label>
                            <div id="alarmNumber"></div>
                        </li>
                        <li>
                            <label>故障位置：</label>
                            <div id="eventAddress"></div>
                        </li>
                        <li>
                            <label>故障描述：</label>
                            <div id="eventDescribe"></div>
                        </li>
                        <li class="width-all" style="padding: 0;">
                            <label>处理报告：</label>
                            <div id="">设备故障，已转维修工单流程。</div>
                        </li>
                        <li class="width-all" style="padding: 0;">
                            <label>维修说明：</label>
                            <div id="orderDescribe"></div>
                        </li>
                        <li id="serviceTypeCon">
                            <label>维修服务：</label>
                            <div id="serviceType"></div>
                        </li>
                        <li id="serviceBudgetCon">
                            <label>费用预估：</label>
                            <div id="serviceBudget"></div>
                        </li>
                       	<li >
                            <label>计划完成日期：</label>
                            <div id="planCompleteDate"></div>
                        </li>
                       	<li >
                            <label>实际完成日期：</label>
                            <div id="actualCompleteDate"></div>
                        </li>
                    </ul>
                </div>
					
					<div class="t-tabs">
						<!--供应商管理选项卡-->
						<ul id="workFlowTabs" class="t-tabs-items">
							<li class="active"><a href="#tab11" class="isSelect"
								data-toggle="tab" id="0">流程跟踪图</a></li>
							<li><a href="#tab12" data-toggle="tab" class="isSelect"
								id="1" >流程审批日志</a></li>
						</ul>
						<div id="myTabContent" class="tab-content">
							<!--设备供应商列表-->
							<div class="tab-pane fade in active" id="tab11">
								<div class="flowContent">
									<img src="" />
									<div id="processImageBorder"></div>
								</div>
							</div>
							<div class="tab-pane fade" id="tab12">
								<div class="t-list-btns">
									<p>请求记录</p>
									<span id="processMyAuditTabTotal"></span>
								</div>

								<div class="t-list-result">

									<!-- 表格 -->
									<table class="t-table" id="myAuditHistoryTab"></table>

									<!-- 分页 -->
									<div class="t-page"></div>

								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>


	<!--维修工单审批详情-->
	<div class="modal fade" id="modalMaintenanceDetails" tabindex="-1"
		role="dialog" aria-labelledby="exampleModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title">流程操作处理</h4>
				</div>
				<div class="modal-body"></div>
				<div class="modal-footer">
					<div class="t-columns-1" style="height: 100px">
						<!-- 检索字段 -->
						<ul class="t-columns-group">
							<li><label>备注说明:</label>
								<div>
									<textarea rows="4" id="auditComments"></textarea>
								</div>
							</li>
						</ul>
					</div>
					<div style="padding-top: 10px;">
						<!-- 工单审核 -->
						<div class="AuditOrder" style="display: none;">
							<center>
								<button type="button"
									class="btn invalidOrder btn-info btn-large" oper-id="valid">审核通过</button>
								<button type="button"
									class="btn invalidOrder btn-warning btn-large"
									oper-id="invalid">无效工单</button>
							</center>
						</div>
						<div class="RepairFault" style="display: none;">
							<center>
								<button type="button" class="btn repairComplete btn-primary"
									oper-id="valid">处理完成</button>
							</center>
						</div>
						<div class="AcceptanceOrder" style="display: none;">
							<center>
								<button type="button"
									class="btn acceptanceResult btn-info btn-large" oper-id="pass">故障修复</button>
								<button type="button"
									class="btn acceptanceResult btn-warning btn-large"
									oper-id="REJECTS">故障返修</button>
							</center>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>


    <!--一卡通工单详情-->
    <div class="modal fade bs-example-modal-lg" id="myDraft" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"  aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="draftExampleModalLabel">流程审核记录</h4>
                </div>
                <div class="modal-body">
                    <div class="t-tabs">
                        <!--选项卡-->
                        <ul id="myDraftTabs" class="t-tabs-items">
                            <li class="active">
                                <a href="#tab111" class="isSelect" data-toggle="tab">申请信息</a>
                            </li>
                            <li>
                                <a href="#tab112" class="isSelect" data-toggle="tab">开卡人信息</a>
                            </li>
                            <li>
                                <a href="#tab113" class="isSelect" data-toggle="tab">审批日志</a>
                            </li>
                            <li>
                                <a href="#tab114" class="isSelect" data-toggle="tab">流程跟踪</a>
                            </li>
                        </ul>
                        <!--选项卡 内容-->
                        <div id="myTabContentDraft" class="tab-content">
                            <!--申请信息-->
                            <div class="tab-pane fade in active" id="tab111">
                              <div class="person-setting">
                                <div class="t-columns-2">
                                    <from id="frmDraft">
                                        <ul class="t-columns-group">
                                            <li>
                                                <label>工单编号：</label>
                                                <div id="DraftNumber"></div>
                                            </li>
                                            <li>
                                                <label>当前环节：</label>
                                                <div id="draftCurrentActivityName"></div>
                                            </li>
                                            <li>
                                                <label>申请部门：</label>
                                                <div id="deptName"></div>
                                            </li>
                                            <li>
                                                <label>申请人：</label>
                                                <div id="approver"></div>
                                            </li>
                                            <li>
                                                <label>联系电话：</label>
                                                <div id="phone1"></div>
                                            </li>
                                            <li>
                                                <label>申请时间：</label>
                                                <div id="DraftTime"></div>
                                            </li>

                                            <li class="width-all" style="padding: 0;">
                                                <label>申请标题：</label>
                                                <div id="applyTitle"></div>
                                                <div class="draftEit" id="eidtApplyTitleTxt" style="display: none;"><input type="text" id="eidtApplyTitle" value=""/></div>
                                            </li>
                                            <li class="draftEit" class="verify" style="display: none;">
                                                <label></label>
                                                <div class="tipArea"><div id="eidtApplyTitleTip" class=""></div></div>
                                            </li>
                                            <li class="width-all" style="padding: 0;">
                                                <label>申请原因：</label>
                                                <div id="DraftOrderDescribe"></div>
                                                <div class="draftEit" id="editDraftOrderDescribeTxt" style="display: none;">
                                                    <textarea rows="6" id="editDraftOrderDescribe" placeholder="200字以内" maxlength="200"></textarea>
                                                </div>
                                            </li>
                                            <li class="verify draftEit" style="display: none;">
                                                <label></label>
                                                <div class="tipArea"><div id="editDraftOrderDescribeTip" class=""></div></div>
                                            </li>
                                        </ul>
                                    </from>
                                </div>
                              </div>
                            </div>
                            <!-- 开卡人信息 -->
                            <div class="tab-pane fade" id="tab112">
                                <div class="t-list-btns">

                                    <span id="tabApproverTotal">(共0条记录)</span>
                                    <p id="importantTip" style="color: #f00;">*批量导入会清空原有开卡人信息</p>
                                    <div class="clearfix" id="editDraftOpt">
                                        <a class="t-btn t-btn-blue fl" id="btnAdd">新增人员</a>
                                        <div class="fl" style="position: relative;cursor:pointer;">
                                            <a class="t-btn t-btn-blue" id="uploadTip">批量导入</a>
                                            <input id="file_upload" style="display: none;" name="fileData" type="file" multiple="false"/>

                                        </div>
                                        <a class="t-btn t-btn-blue fl" href="../../../excle/import.xls" download="import.xls" id="downLoadTemp">下载模板</a>
                                    </div>
                                </div>
                                <div class="t-list-result clearfix">
                                    <div id="tabUserTip" class="t-norecord" style="display: none;">
                                        <i class="icon-files-empty"></i>
                                        <p>暂无数据记录</p>
                                    </div>
                                    <!-- 表格 -->
                                    <table class="t-table fl" id="tabApprover">

                                    </table>

                                    <!-- 编辑起草表格 -->
                                    <table class="t-table fl" id="tabUser">
                                        <thead>
                                        <tr>
                                            <th>姓名</th>
                                            <th>性别</th>
                                            <th>手机</th>
                                            <th>员工编号</th>
                                            <th>身份证号</th>
                                            <th>操作</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <script id="approverListTmpl" type="text/html">
                                            {{each}}
                                            <tr>
                                                <td>{{$value.userName}}</td>
                                                <td>{{$value.sex | genderFormat}}</td>
                                                <td>{{$value.phone}}</td>
                                                <td>{{$value.standby}}</td>
                                                <td>{{$value.idCardNo}}</td>
                                                <td>
                                                    <a class="t-btn t-btn-blue" data-id="{{$value.id}}" data-phone="{{$value.phone}}" id="btnEdit">编辑</a>
                                                    <a class="t-btn t-btn-red" data-phone="{{$value.phone}}" id="btnDelete">删除</a>
                                                </td>
                                            </tr>
                                            {{/each}}
                                        </script>
                                        </tbody>
                                    </table>
                                    <!-- 分页 -->
                                    <div class="pagination fr" id="tabApproverPagination"></div>

                                </div>
                            </div>
                            <!--审批日志-->
                            <div class="tab-pane fade" id="tab113">
                                <div class="t-list-btns">
                                    <p>请求记录</p>
                                    <span id="processMyAuditTabTotalDraft"></span>
                                </div>

                                <div class="t-list-result">
                                    <!-- 表格 -->
                                    <table class="t-table" id="myAuditHistoryTabDraft"></table>
                                    <!-- 分页 -->
                                    <div class="t-page"></div>
                                </div>
                            </div>
                            <!--流程跟踪-->
                            <div class="tab-pane fade" id="tab114">
                                <div class="flowContent">
                                    <img src="" />
                                    <div id="processImageBorderDraft"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--审批意见-->
                    <div class="mb-10" id="approvalComments" style="border:1px solid #CCCCCC;display: none;">
                        <div class="person-setting">
                            <div class="t-columns-1">
                                <form id="frmOrderDes">
                                    <ul class="t-columns-group">
                                        <li style="height:auto;">
                                            <label class="necessary">审批意见：</label>
                                            <div style="height:auto;">
                                                <textarea rows="6" id="auditComment" name="auditComment" placeholder="200字以内" maxlength="200"></textarea>
                                            </div>
                                            <input type="hidden" name="orderName" id="hidEidtApplyTitle"/>
                                            <input type="hidden" name="orderDescribe" id="hidEditDraftOrderDescribe"/>
                                            <input type="hidden" name="userCard" id="hidEditCard"/>
                                        </li>
                                        <li class="verify">
                                            <label></label>
                                            <div class="tipArea"><div id="auditCommentTip"></div></div>
                                        </li>
                                    </ul>
                                </form>
                            </div>
                        </div>
                    </div>

                    <div id="centerCheck" style="text-align: center;margin: 20px;display: none;">
                        <button type="button" disabled class="btn invalidOrder btn-info btn-large" id="btnValid" oper-id="valid" style="display: none;">审核通过</button>
                        <button type="button" disabled class="btn invalidOrder btn-warning btn-large" id="invalidDisplayNone" oper-id="invalid" style="display: none;">审核退回</button>
                        <!--<button type="button" class="btn invalidOrder btn-info btn-large" id="btnSubmitOrder" oper-id="valid" style="display: none;">提交工单</button>-->
                        <button type="button" class="btn invalidOrder btn-danger btn-large" id="btnEndOrder" oper-id="invalid" style="display: none;">结束工单</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--选择审批人-->
    <div class="modal fade bs-example-modal-sm in" id="modalSelectApprover" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                    <h4 class="modal-title">选择审批人</h4>
                </div>
                <div class="modal-body">
                    <form id="frmMainConfirmApprover">
                        <div class="person-setting">
                            <div class="t-columns-1">
                                <ul class="t-columns-group">
                                    <li>
                                        <div style="width: 100%;">
                                            <select style="width: 100%;" id="auditUserId">
                                                <option value="">--请选择--</option>
                                            </select>
                                        </div>
                                    </li>
                                    <li class="verify">
                                        <div class="tipArea"><div id="auditUserIdTip"></div></div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="btnConfirmApprover">确定</button>
                </div>
            </div>
        </div>
    </div>

    <!--绑定一卡通卡号-->
    <div class="modal fade bs-example-modal-sm in" id="modalBindCard" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                    <h4 class="modal-title">绑定一卡通</h4>
                </div>
                <div class="modal-body">
                    <form id="frmBindCard">
                        <div class="person-setting">
                            <div class="t-columns-1">
                                <ul class="t-columns-group">
                                    <li>
                                        <div style="width: 100%;">
                                            <input type="hidden" id="hidId" name="id"/>
                                            <input type="hidden" id="hidPhone" name="phone"/>
                                            <input type="hidden" id="hidIdentityCard" name="identityCard"/>
                                            <input type="hidden" id="hidTrueName" name="trueName"/>
                                            <input type="text" id="cardNo" name="cardNo" value="" maxlength="22" placeholder="请输入一卡通卡号"/>
                                        </div>
                                    </li>
                                    <li class="verify">
                                        <div class="tipArea"><div id="cardNoTip"></div></div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="btnBindCard">确定</button>
                </div>
            </div>
        </div>
    </div>


    <!--绑定一卡通卡号 加载界面-->
    <div class="modal fade bs-example-modal-sm in" style="z-index: 9999;" id="modalBindCardLoading" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content" style="width: 140px;text-align: center;margin-left:auto;margin-right: auto;">
                <div class="modal-body" style="color: #666;font-size: 12px;">
                    <img src="../../assets/img/loading/cmcc_loading.gif" style="vertical-align: -3px;margin-right: 6px;">正在绑定卡号...
                </div>
            </div>
        </div>
    </div>

    <!--提示模态框-->
    <div class="modal fade bs-example-modal-sm" id="myTip" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-body" style="text-align:center;font-size:14px;">
                    <i id="icon-tip" style="margin-right:6px;"></i>
                    <span class="tip-info"></span>
                </div>
            </div>
        </div>
    </div>

<!--编辑用户-->
    <div class="modal fade bs-example-modal-lg" id="modalCardholder" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="modal-title-approver">新增开卡人员</h4>
                </div>
                <form id="frmMainApprover">
                    <div class="modal-body">
                        <div class="t-list">
                            <div class="person-setting first">
                                <input type="hidden" id="addRole" value=""/>
                                <div class="t-columns-1">
                                    <ul class="t-columns-group">
                                        <li>
                                            <label class="necessary">姓名</label>
                                            <div><input type="text" id="trueName" value=""></div>
                                        </li>
                                        <li class="verify">
                                            <label></label>
                                            <div class="tipArea"><div id="trueNameTip"></div></div>
                                        </li>
                                        <li>
                                            <label class="necessary">性别</label>
                                            <div>
                                                <label style="padding-right:5px;">
                                                    <input class="t-form-check" type="radio" name="sex" value="0" checked id="boy">男
                                                </label>
                                                <label>
                                                    <input class="t-form-check" type="radio" name="sex" value="1" id="girl">女
                                                </label>
                                            </div>
                                        </li>
                                        <li class="verify"></li>
                                        <li>
                                            <label class="necessary">手机</label>
                                            <div><input type="text" id="phone" maxlength="11" value=""/></div>
                                            <input type="hidden" id="oldPhone"/>
                                        </li>
                                        <li class="verify">
                                            <label></label>
                                            <div class="tipArea"><div id="phoneTip"></div></div>
                                        </li>
                                        <li>
                                            <!-- 必填项为label追加样式: necessary -->
                                            <label class="necessary">员工编号</label>
                                            <div><input type="text" id="emno" value=""></div>
                                            <input type="hidden" id="oldEmno"/>
                                        </li>

                                        <li class="verify">
                                            <label></label>
                                            <div class="tipArea"><div id="emnoTip"></div></div>
                                        </li>
                                        <li class="">
                                            <!-- 必填项为label追加样式: necessary -->
                                            <label class="necessary">身份证号</label>
                                            <div><input type="text" name="idno"  id="idno" maxlength="18" value=""/></div>
                                            <input type="hidden" id="oldIdno" maxlength="20"/>
                                        </li>
                                        <li class="verify">
                                            <label></label>
                                            <div class="tipArea"><div id="idnoTip"></div></div>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-primary"  id="btnSave">保存</button>
                        <input type="hidden" id="hidIndex"/>
                    </div>
                </form>
            </div>
        </div>
    </div>

	<!--jQuery库脚本-->
    <!--非IE8浏览器-->
    <!--[if !(IE 8)]><!--><script type="text/javascript" src="../../assets/lib/jquery/jquery.min.js"></script><!--<![endif]-->
    <!--IE8浏览器-->
    <!--[if IE 8]><script type="text/javascript" src="../../assets/lib/jquery/jquery-ie8.min.js"></script><![endif]-->
    <script type="text/javascript" src="../../assets/lib/jQuery-slimScroll-1.3.8/jquery.slimscroll.min.js"></script>
    <!--文件上传插件-->
    <script language="javascript" type="text/javascript">
        //防止客户端缓存文件，造成uploadify.js不更新，而引起的“浏览器崩溃”
        document.write("<script type='text/javascript' "
                + "src='../../assets/lib/uploadify/jquery.uploadify.js?ver=" + new Date().getTime()
                + "'></s" + "cript>");
    </script>
	<script src="../../assets/common/loadHeaderAndCopyright.js"></script>
	<script src="../../assets/lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
	<!--bootsrtap日历控件脚本-->
	<script
		src="../../assets/lib/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
	<script
		src="../../assets/lib/bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
	<script
		src="../../assets/lib/bootstrap-datetimepicker-master/js/initDatetimepicker.js"></script>
	<!--表单验证-->

	<script src="../../assets/lib/formValidator/formValidator.js"></script>
	<script src="../../assets/lib/formValidator/formValidatorRegex.js"></script>
    <!--提示框-->
    <script src="../../assets/lib/tipModal/js/tipModal.js"></script>
	<!--  -->
	<script src="../../assets/lib/qtip/jquery.qtip.min.js"></script>
	<!--分页脚本-->
	<script src="../../assets/lib/pagination/1.2.1/jquery.pagination.js"></script>
	<script src="../../assets/common/loaderTable.js"></script>

	<script src="../../assets/common/ajaxPoster.js"></script>
	<script src="../../assets/common/centerModal.js"></script>
	<!-- 我的审批 -->
	<!--启用模态框脚本-->
    <script src="../../assets/common/loaderTableTmpl.js"></script>
    <!--模板引擎-->
    <script src="../../assets/lib/artTemplate/template.js"></script>
	<script type="text/javascript" src="../../js/workOrderApproval/WorkFlowUtils.js"></script>
	<script type="text/javascript" src="../../js/workOrderApproval/maintenanceOrder.js"></script>
</body>
</html>